*{
    margin: 0;
    padding: 0;
}
body{
    font-family: PingFangSC-Medium, 华文细黑, "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", STHeiti, MingLiu;
}
.main{
    width: 100%;
    clear: both;
    line-height: 240%;
}
.phoneMain{
    display: none;
}
.head{
    width: 100%;
    height: 956px;
    overflow: hidden;
    position: relative;
    background-image: url("../img/zuixinBG.png");
    background-size: 100% 100%;
}
.headTilet{
    width: 60%;
    height: 418px;
    margin: 0 auto;
    margin-top:300px; 
    color: white;
    line-height: 400%;
}
.headIntroduce{
    width: 100%;
}
.headIntroduce div{
    height:164px;
    font-size: 1.5vw;
    text-align: left;
    padding-top: 10px;
}
.headIntroduceTop{
    margin-top: 50px;
}
.publicH1{
    text-align: center;
    color: aqua;
    font-size: 2.5vw;
}
.headImg{
    width: 100%;
    height: 680px;
    padding-top: 50px; 
}
.headImgbox{
    width: 70%;
    margin: 0 auto;
    height: 195px;
    margin-top: 10px;
    padding-top: 60px;
}
.headImgItem{
    float: left;
    text-align: center;
    font-size: 1vw;
    color: white;
    width: 20%;
    margin-left:6.5%;
}
.headImgItem img{
    width: 100%;
}
.headImgItemSpecil{
    margin-left: 0;
}
.headImgbox .items{
    /* height: 8rem; */
    width: 76%;
}
.headImgbox .items1{
    /* height: 8rem; */
    width: 76%;
}
.KJintroduce{
    width: 100%;
    height: 900px;
    background: rgba(0, 0, 0, 0.05);
    color: black;
    padding-top:80px; 
    position: relative;
}
.public{
    width: 60%;
    margin: 0 auto;
    text-align: center;
    color: black;
    font-size: 2.3vw;
    font-weight: bold;
}

.public .special{
    font-size: 18px;
    font-weight: normal;
    margin-top: 30px;
}
.KJbox{
    width: 60%;
    height: 700px;
    margin:80px auto;
    color: black
}
.KJboxLeft{
    float: left;
    margin-left: 5%;
}
.KJboxRight{
    float: right;
    margin-right: 5%;
}
.box{
    width: 42%;
    height: 650px;
    line-height: 40px;
    background: white;
}
.KJboxContent{
    padding: 50px 10% 0 10%;
    text-align: center;
}
.KJboxContent .p1{
    font-size: 1.5vw;
    font-weight: bold;
}
.KJboxContent .p2{
    font-size: 1.3vw;
}
.div1{
    font-size: 0.8vw;
    font-weight: bold;
    line-height: 150%;
}
.div2{
    width: 30%;
    height: 5px;
    background: aqua;
    margin: 20px auto;
}
.p3{
    font-size: 1.2vw;
}
.KJadvantage{
    width: 100%;
    height: 820px;
    background: white;
    color: black;
    padding-top:80px; 
    clear: both;
}
.KJbox1{
    width: 60%;
    height: 600px;
    margin:80px auto;
    color: black;
    clear: both;
    display: flex;
    justify-content: space-around
}
.box1{
    width: 30%;
    height: 550px;
    line-height: 40px;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.KJboxRight1{
    border:none;
}
.KJboxLeft1{
    margin-left: 0;
}
.boxDiv1{
    height: 200px;
}
.boxDiv1 img{
    width: 100%;
}
.boxP1{
    font-size: 1.5vw;
    font-weight: bold;
}
.boxDiv2{
    height: 120px;
}
.KJboxContentP1{
    color: #35ACFE;
    font-size: 1.3vw;
    font-weight: 700
}
.KJboxContentP2{
    font-size: 1vw;
    font-weight: 600
}
.KJboxContentSpecil{
    line-height: 150%;
    background: rgba(0, 0, 0, 0.1)
}
.KJboxSpecil{
    height: 616px;
}
.p1Specil{
    font-size: 2vw;
    color: black;
    text-align: center;
    font-weight: bold;
    margin-top: 40px;
}
.p2Specil{
    font-size:1.5vw; 
    text-align: left;
    margin-top: 80px;
}
.p3Specil{
    font-size: 1.5vw;
    color: #35ACFE;
    text-align: left;
    margin-top: 20px;
}
.jiangli{
    margin-top: 40px;
    text-align: left;
    font-weight: 500;
}
.SpecilDiv{
    font-size: 0.5vw;
    text-align: left;
    height: 100px;
    margin-top: 40px;
    font-weight: 600;
}
.SpecilDiv1{
    font-size: 0.5vw;
    text-align: left;
    height: 100px;
    margin-top: 21px;
    font-weight: 600;
}
.div1Title{
    font-size:1.3vw;
    font-weight: bold;
}
.chengben{
    margin-top: 10px;
}
.numBig{
    font-size: 2vw;
    color: #35ACFE;
}
.carousel{
    font-size: 1.6vw;
    width: 100%;
    text-align: center;
    padding-top: 160px;
    height: 550px;
    background: white;
    color: black;
}
.carouselImg{
    width: 60%;
    margin: 40px auto;
}
.carouselImg img{
    width: 100%;
}
.carouselWord{
    color: #35ACFE;
    font-size: 2vw;
}

.managedServices{
    width: 100%;
    height:754px;
    background: white;
    padding-top: 80px;
}
.managedServicesBox{
    width: 60%;
    margin: 30px auto;
    height: 518px;
}
.managedServicesBox img{
    width: 100%;
}

.partners{
    height: 950px;
    width: 100%;
    background: url("../img/PC12.png");
    background-size: 100% 100%;
    padding-top:80px; 
}
.partnersImg{
    width: 60%;
    margin:60px auto;
}
.partnersImg img{
    width: 100%;
}
.about{
    padding-top: 80px;
    width: 100%;
    height: 600px;
    background:white;
    color: black
}
.aboutBox{
    width: 60%;
    height: 400px;
    margin:50px auto;
}
.aboutBoxImg p{
    text-align: center;
    font-size: 1.5vw;
    line-height: 150%;
}
.aboutBoxImg{
    float: left;
    width: 49%;
    height: 400px;
    padding: 20px 15% 0 15%;
}
.aboutBoxImg1{
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.aboutBoxImg img{
    width: 100%;
}
.itmes{
    float: left;
    width: 32%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    height: 200px;
    text-align: center;
    padding-top: 50px;
}
.itmes span{
    display: block;
    margin-top: 10px;   
}
.itmesPublic{
    font-size: 2vw;
    color: rgba(0, 0, 0, 0.5)
}
.itmes:nth-child(3){
    border: none;
}
.foot{
    width: 100%;
    height: 400px;
    background: black;   
    margin-top: 50px;
}
.footContent{
    width: 60%;
    margin: 0 auto;
    background: red;
    height: 400px;
}
.menu{
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    color: white;
    z-index: 1;
}
.menuLeft{
    float: left;
    width: 10%;
    margin-left: 7%;
    margin-top: 10px;
}
.menuLeft img{
    width: 100%;
}
.muneRight{
    float: right;
    height: 80px;
    width: 50%;
    line-height: 80px;
    text-decoration: none;
    font-size: 1vw;
    text-align: right;
    padding-right: 7%;
}
.muneRight a{
    margin-left: 10px;
    color: white;
}
.muneRight>:first-child{
    color: green
}
.backTop{
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 1;
    width:3%;
    display: none;
}
.backTop img{
    width: 100%;
}
.menuAdd{
    background: rgba(0, 0, 0, 0.8)
}

/* 由下往上逐渐显示 */
.KJintroduce1{
    animation: myfirst 1s;         
    -webkit-animation: myfirst 1s;
}
@-webkit-keyframes myfirst
/* Safari and Chrome */
    {
    0% {
        margin-top: 200px;
    }
    100% {
        margin-top: 0px;
    }
}
.KJintroduce2{
    animation: mysecond 1s;         
    -webkit-animation: mysecond 1s;
}
@-webkit-keyframes mysecond
/* Safari and Chrome */
    {
    0% {
        margin-top: 200px;
    }
    100% {
        margin-top: 80px;
    }
}
.down{
    display: none;
}
.line{
    display: block;
    width: 100px;
    height: 3px;
    background: aqua;
    margin: 53px auto;
}
